<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>导入外部样式文件</title>

        <style type="text/css">
            @import url("ecut.css");
            .odd { border: 1px solid blue ; }
            .even { border: 1px solid red ; margin-top: 10px ; margin-bottom: 10px ; }
        </style>

    </head>
    <body>

        <h3>导入外部样式文件 ( 可以使用 ，但不推荐使用 )</h3>

        <div class="odd"></div>
        <p class="even"></p>
        <div class="odd"></div>
        <p class="even"></p>
        <div class="odd"></div>
        <p class="even"></p>
        <div class="odd"></div>
        <p class="even"></p>
        <div class="odd"></div>
        
    </body>
</html>